<template>
  <div class="card m5 p10 flex_col">
    <label class="flex_center_self">加热状态</label>
    <div class="flex_row_center mt5">
      <label>蒸汽锅炉温度:</label>
      <label style="min-width: 80px;">{{ globalStatus.steamTemp.value }}℃</label>
      <label>压力:</label>
      <label>{{ globalStatus.kpa }}kpa</label>
    </div>
    <div class="flex_row_center mt5">
      <label>瞬热器温度:</label>
      <label>{{ globalStatus.waterTemp.value }}℃</label>
    </div>
    <div class="flex_row_center mt5">
      <label>流量计脉冲:</label>
      <label>{{ globalStatus.flowMeterCount }}</label>
    </div>
    <div class="flex_row_center mt5">
      <label>抽水状态:</label>
      <label style="min-width: 80px;">{{ globalStatus.drawHeat.drawState }}</label>
      <label>瞬热器:</label>
      <label>{{ globalStatus.drawHeat.waterHeatState }}</label>
    </div>
    <div class="flex_row_center mt5">
      <label>锅炉:</label>
      <label>{{ globalStatus.drawHeat.steamHeatState }}</label>
    </div>
  </div>
</template>

<script setup lang="ts">

import { globalStatus } from '../service/recv_notify';

</script>
